<template>
    <div class="home">
        <headerTop></headerTop>

        <main class="main">
            <articleList></articleList>
            <asideMy></asideMy>
        </main>
    </div>
</template>
    
<script>
import asideMy from '@/views/home/asideMy.vue'
import headerTop from '@/views/home/headerTop.vue'
import articleList from '@/views/home/articleList.vue'

export default {
    name: 'home',
    components: {asideMy, articleList, headerTop},
    setup() {

    },
}
</script>

<style scoped>

.main {
    margin: auto;
    padding: 0 20px;
    max-width: 1120px;
    /* background: #ccc; */

    display: flex;
}
</style>
